<template>
  <div class="home">
    <h1>欢迎使用管理系统</h1>
    <a-row :gutter="16">
      <a-col :span="8">
        <a-card title="系统概览">
          <p>当前用户：{{ userStore.userInfo?.username }}</p>
          <p>登录时间：{{ new Date().toLocaleString() }}</p>
        </a-card>
      </a-col>
      <a-col :span="8">
        <a-card title="快捷操作">
          <a-space direction="vertical">
            <a-button type="primary" @click="$router.push('/dashboard')">
              查看仪表盘
            </a-button>
          </a-space>
        </a-card>
      </a-col>
    </a-row>
  </div>
</template>

<script lang="ts" setup>
import { useUserStore } from '../stores/user'

const userStore = useUserStore()
</script>

<style scoped>
.home {
  padding: 24px;
}
</style> 